/*
Theme Name: NewFin wodpress Theme
Theme URI: http://www.iello.ro
Description: Simple Financial Data theme
Version: 1.0
Author: Iello-Dev
Author URI: http://www.iello.ro
Tags: 
*/

/* GENERAL  */
body {
	margin:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5D5D5D;
	background:#FFF1E0 url(img/bkg.png) repeat-x;
}
ul, ol, li{
	margin:0;
	padding:0;
	list-style-type:none;
}
form,p {
	margin:0;
	padding:0;
}
img {
	border:none;
}
form fieldset {
	border:none;
	margin:0;
	padding:0;
}
form textarea, form input[type=text] {
	border:1px solid #DADADA;
	background:#FAFAFA;
}
form radio {
	border:none !important;
	width:20px !important;
}
form input.button {
	cursor:pointer;
	border:1px solid #DADADA;
	background:#FAFAFA;
}
* html .gainlayout { height: 1%; }
li.clearer{
	margin:0 !important;
	padding:0 !important;
	clear:both;
	float:none !important;
	width:100% !important;
	border:0 !important;
	background:none !important;
	line-height:0 !important;
	font-size:0 !important;
	min-height:0px !important;
	height:auto !important;
	height:0px !important;	
}
div.clearer{
	clear:both;
}
div.dotted {
	background:url(img/dot.png) repeat-x center left;
	height:20px;
}
a:link, a:visited {
	text-decoration:none;
	color:#5D5D5D;
}
a:active, a:hover {
	color:#9E2F50;
}
a.more:link,a.more:visited {
	display:block;
	padding:4px 0 0 10px;
	margin: 5px 0 0 0;
	width:90px;
	height:15px;
	line-height:11px;
	color:#FFFFFF;
	background:url(img/read-more.png) no-repeat;
	font-size:11px;
}
a.more:hover {
	background:url(img/read-more-over.png) no-repeat;
}

/* SITE */
div#container {
	width:100%;
}
	div#wrapper {
		width:1000px;
		text-align:left;
	}
		div#header{
			/* border-bottom:3px solid #9E2F50; */
			margin:63px 0 0 0;
		}
			div#promo {
				display:none;
				border-bottom:1px solid #e8e8e8;
			}
			div#title {
				width:49%;
				float:left;
				height:90px;
			}
				div#title h2 {
					font-size:40px;
					margin:0;
					padding:10px 0 0 0;					
				}
					div#title h2 span {
						color:#9E2F50;
					}
				div#title h3 {
					margin:0;
					font-size:14px;
				}
			div#search {
				float:right;
				width:400px;
				height:60px;
				padding: 10px 0 0 0;
				text-align:right;
				margin:20px 0 0 0;
				background:url(img/search.png) no-repeat;
			}
			div#search form {
				margin: 0 5px 0 0;
			}
				div#search input{
					border:none;
					margin:0;
					float:left;
				}
				div#search input.search-field {
					width:332px;
					margin: 2px 10px 0 15px;
					padding:9px 0 0 0;
					background:#FFFFFF;
					font-size:14px;
					z-index:999;
				}
				div#search input.submit {
					background:none;
					width:35px;
					height:30px;
					border:none;
					color:#FFFFFF;
					cursor:pointer;
				}				
			div#top-menu {
				width:70%;
				float:left;
				padding:0 0 0 1px;
			}
			* html div#top-menu {
				margin:0 0 0 -1px;
				padding:0;
			}
			*:first-child+html div#top-menu {
				margin:0 0 0 -1px;
				padding:0;
			}
				* html div#top-menu ul{
					height:1%;
				}
				div#top-menu ul li {
					float:left;
					width:100px;
					border-right:1px solid #9E2F50;
				}
					div#top-menu ul li.first {
						border-left:1px solid #9E2F50;
					}
				div#top-menu ul li:hover {
					/* background:#FFFFFF; */
				}

					div#top-menu ul li a {
						display:block;
						padding: 0 0 0 5px;
						color:#FFFFFF;
					}
						div#top-menu ul li ul li a {
							color:#5D5D5D;
						}
					div#top-menu ul li a:hover {
						color:#9E2F50;
					}
						div#top-menu ul li a span.menu-title{
							display:block;
							margin:0;
							padding:5px 0 0 0;
							font-size:18px;
						}		
						div#top-menu ul li a span{
							display:block;
							font-size:80%;
							padding:5px 0 0 0;
						}
			div#rss {
				width:29%;
				float:right;
				text-align:right;
			}
				div#rss img {
					float:right;
					margin:26px 0 0 0;
				}
				div#rss ul li {
					border-right:1px solid #9E2F50;
					border-left:1px solid #9E2F50;
					display:block;
					float:right;
					width:100px;
					cursor:pointer;
					padding:5px;
					text-align:left;
				}
				div#rss ul li:hover {
					background:#FFFFFF;
				}
				div#rss ul li a {
					display:block;
					padding: 0 0 0 5px;
				}
				div#rss ul li a:hover {
					color:#9E2F50;
				}
					div#rss ul li a span.menu-title{
						display:block;
						margin:0;
						padding:5px 0 0 0;
						font-size:18px;
					}		
					div#rss ul li a span{
						display:block;
						font-size:80%;
						padding:5px 0 0 0;
					}			
		div#holder {
			/* background:#FFFFFF; */
			padding: 10px 0 0 0;
		}
		* html holder {
			height:1%;
		}
			div#highlights {
				height:32px;
				padding:0 5px 0 5px;
				position:relative;
				display:block;
				overflow:hidden;
			}
				div#highlights ul#hot-news {
					width:100%;
				}
				div#highlights ul#hot-news li {
					width:32.5%;
					float:left;
					margin: 0 5px 5px 0;
				}
				div#highlights ul#hot-news li span{
					 display:block; 
					 width:20px; 
					 height:20px; 
					 padding:4px 0 4px 9px; 
					 font-size:18px; 
					 float:left; 
					 margin:0 10px 0 0; 
					 background:url(img/highlights.png) no-repeat;
					 color:#FFFFFF;
				}
				div#highlights ul#hot-news li h3, div#highlights ul#hot-news li p {
					margin:0 0 0 30px;
				}
				div#highlights ul#hot-news li h3 {
					padding:0 0 2px 0;
					font-size:11px;
					font-weight:bold;
				}
			div#content {
				width:70%;
				float:left;
				padding: 0 0 0 0;
				margin:10px 0 0 0;
			}
				div#content div.page {
					margin:0 10px 10px 0;
					border-top:8px solid #5D5D5D;
					position:relative;
				}
					div#content div.page h2 {
						margin: 0 0 0 0;
						padding: 5px 0 0 0;
						font-size:28px;
						font-weight:normal;						
					}
				div#content div.page div.post{
					padding: 0 0 10px 5px;
					background:#FFFFFF;
					border:1px solid #e8e8e8;	
				}
					* html div#content div.page div.post{
						height:1%;
					}
					div#content div.page div.post p{
						padding:0 0 10px 0;
					}
					div#content div.page div.post p.tags {
						padding:5px 0 10px 20px;
						background:url(img/tag-ico.png) no-repeat left top;
					}
					div#content div.page div.post ul li{
						margin:0 0 0 20px;
					}
					div#content div.page div.post ul.related-posts{
						
					}
						div#content div.page div.post ul.related-posts li{
							margin:0 0 0 20px;
							list-style-type:square;
						}
						div#content div.page div.post ul.related-posts h3{
							font-weight:normal;
							font-size:18px;
							padding:10px 0 5px 0;
						}
				div#content div.daily-guest {
					background:#FFF1E0;
					height:250px; 
				}	
					div#content div.daily-guest h2 a:hover {
						color:#9E2F50;
					}
					div#content div.daily-guest div.entry{
						padding:10px 5px 0 0;
					}
					div#content div.daily-guest div.entry small{
						font-size:12px;
						padding:0 0 0px 10px;
					}
					* html div#content div.daily-guest div.entry{
						height:1%;
					}	
						div#content div.daily-guest div.entry p{
							margin:0;
							padding:0 0 5px 0;
							float:right;
							width:73%;
							font-size:14px;
							line-height:18px;
						}
				div#content div.highlight-cat span.postcom{
					float:right; margin: -20px 0 0 0;
					background:url(img/comments-ico.png) no-repeat left center;
					padding:0 0 0 18px;
					height:15px;
				}	
				*:first-child+html div#content div.highlight-cat span.postcom {
					padding:0 5px 0 18px;
				}
				div#content div.daily-guest span.postcom {
					float:right; margin: -20px 0 0 0;
					background:url(img/comments-ico.png) no-repeat left center;
					padding:0 0 0 18px;
					height:15px;
				}							
				*:first-child+html div#content div.daily-guest span.postcom {
					margin: -30px 0 0 0;
				}
				div#content div.highlight-cat{
					margin:10px 0 0 0;
					padding: 0 5px 0 5px;
					border:1px solid #e8e8e8;
					border-top:8px solid #1C99C9;
					background:#FFFFFF;					
				}	
					div#content div.highlight-cat h1{
						font-size:20px;
						margin: 0;
						padding:5px 0 10px 0;
						color:#9E2F50;
						font-weight:normal;
					}
					div#content div.highlight-cat h2 a {						
						font-size:14px;
						color:#1C99C9;
						font-weight:normal;
					}
					div#content div.highlight-cat h2 a:hover{
						color:#DADADA;
					}
				* html div#content div.highlight-cat div.item {
					height:1%;
				}	
				div#content div.highlight-cat div.entry {
					padding:0 0 10px 0;
				}
					div#content div.highlight-cat div.post-photo {
						width:70px;
						float:left;
					}
					div#content div.highlight-cat div.post-meta {
						width:80%;
						float:left;
					}
						div#content div.highlight-cat div.post-meta h2, h3{
							margin:0;
							padding:0;
							font-weight:normal;
							padding:0 0 5px 0;
						}
						div#content div.highlight-cat div.post-meta h2{
							font-size:18px;
							color:#1C99C9;	
						}
						div#content div.highlight-cat div.post-meta h3{
							font-size:14px;
						}
			div#sidebar {
				width:29%;
				float:right;
				padding:0 0 0 0;
				margin:10px 0 0 0;
			} 	
				div#sidebar div.block {
					margin: 0 0 10px 0;
					padding:0 5px 10px 5px;
					background:#FFFFFF;
					border:1px solid #e8e8e8;
				}
					div#sidebar div.block.even {
						border-top:8px solid #5D5D5D;
					}  
					div#sidebar div.block.odd {
						border-top:8px solid #1C99C9;
					}  
					div#sidebar div.block h2 {
						margin: 0 0 0 0;
						padding: 5px 0 10px 0;
						font-size:14px;
						font-weight:normal;
					}
					div#agregator {
						display:block;
						height:208px;
						overflow:hidden;
						position:relative;
					}
						ul#rss-feeds li{
							padding:0 0 5px 0;
						}
						ul#rss-feeds li h3{
							font-size:12px;
							font-weight:bold;
							background:url(img/dot.png) repeat-x left top;
							padding:3px 0 0 0;
						}
						ul#rss-feeds li p{
							padding:2px 0 5px 0;
							font-size:11px;
						}
						ul#rss-feeds li p span.rss-published{
							font-weight:bold;
						}
						
		div#footer {
			border-top:3px solid #9E2F50;
			border-bottom:1px solid #9E2F50;
			margin:0 0 10px 0;
			background:#e8e8e8;
			font-weight:bold;
		}
		* html footer {
			height:1%;
		}
			div#footer ul {
				width:70%;
				float:left;
			}
			* html div#footer ul {
				height:1%;	
			}
				div#footer ul li {		
					float:left;
					padding:5px 0 5px 0;
				}
					div#footer ul li a {
						display:block;
						border-right:2px solid #a8a8a8;
						padding: 0px 10px 0 5px;
					}
			div#footer div#copy {
				width:29%;
				float:right;
				text-align:right;
				padding: 5px 5px 0 0;
			}	
/* COMMENTS */
div#respond {
	background:#FFF1E0;
	margin:0 0 10px 0;
	border-top:8px solid #1C99C9;	
}
	div#respond h2{
		font-size:28px;
		font-weight:normal;
		margin:0;
		padding:5px 0 5px 0;
	}
	div#respond form {
		padding:10px 5px 10px 0;		
	}	
	div#respond form p {
		padding:0 0 5px 0;
	}
.Comments {
	border-top:8px solid #5D5D5D;
	padding:0 0 10px 5px;
	background:#DEDBCC;
}	
	.Comments h3 {
		font-size:14px;
		font-weight:normal;
		margin:0;
		padding:10px 0 10px 0;
	}
	* html .Comments h3{
		padding:10px 0 0 0;
	}
	*:first-child+html .Comments h3{
		padding:10px 0 0 0;
	}				
	.Comments .commentlist {
		padding:0 0 0 50px;
	}	
	.Comments .commentlist li {
		position:relative;
		padding:0 0 10px 0;
	}
	* html .Comments .commentlist li {
		padding:0;
	}
	*:first-child+html .Comments .commentlist li {
		padding:0;
	}	
	.Comments .commentlist .ListGrav {
	    left: 0;
	    position: absolute;
	    top: 0;
	}
	* html .Comments .commentlist .ListGrav {
		top:13px;
	}
	*:first-child+html .Comments .commentlist .ListGrav {
		top:13px;
	}
	.Comments .commentlist big {
	    color: #333333;
	    display: block;
	    font-size: 11px;
	    font-weight: bold;
	    letter-spacing: -1px;
	    line-height: 11px;
	    margin: 0;
	    padding: 0 0 0 30px;
	}
	.Comments .commentlist small {
	    color: #A19A80;
	    font-size: 10px;
	    margin: 0;
	    padding: 0 0 0 30px;
	}
	.Comments .commentlist .ListNr {
	    color: #BEC9D1;
	    font-family: 'Arial';
	    font-size: 24px;
	    font-weight: normal;
	    left: -33px;
	    letter-spacing: -1px;
	    line-height: 24px;
	    padding: 0;
	    position: absolute;
	    top: 0px;
		display:block;
		width:30px;
		height:30px;
	}
	* html .Comments .commentlist .ListNr {
		top:15px;
	}
	*:first-child+html .Comments .commentlist .ListNr {
		top:15px;
	}
/* MOOTOOLS TABS */
div.page div#shortlinks-tabs {	
	border-top:8px solid #5D5D5D;
	padding:10px 0 0 0;
	background:#DEDBCC url(img/dot.png) repeat-x left bottom;
}
	div.page div#shortlinks-tabs ul.tab-menu {
		background:url(img/tab-bg.png) repeat-x 0 0;
	}
	* html div.page div#shortlinks-tabs ul.tab-menu {
		height:1%;
	}
	div.page div#shortlinks-tabs ul.tab-menu li {
		background:url(img/tab-r.png) no-repeat 100% 0;
		display:table-cell;
		height:38px;
		line-height:34px;
		text-align:center;		
	}
	div.page div#shortlinks-tabs ul.tab-menu li.tab-selected {
		background:url(img/active-tab-r.png) no-repeat 100% 0;
	}
	div.page div#shortlinks-tabs ul.tab-menu li a{
	    color: #5D5D5D;
	    font-size: 20px;
		background:url(img/tab-l.png) no-repeat 0 0;
		cursor:pointer;
		display:block;
		height:37px;
		text-decoration:none;
		width:auto;
	}
	div.page div#shortlinks-tabs ul.tab-menu li.tab-selected a{
		background:url(img/active-tab-l.png) no-repeat 0 0;
	}
	div.page div#shortlinks-tabs ul.tab-menu li.tab-selected a {
		color: #9E2F50;
	}
		* html div#content div.page div#shortlinks-tabs div.tab-container h2{
			height:1%;
		}
		div#content div.page div#shortlinks-tabs div.tab-container h2 {
			font-size:12px;
			font-weight:bold;
			position:relative;
		}
		div#content div.page div#shortlinks-tabs div.tab-container h2 span{
			display:block;
			width:15px;
			height:15px;
			float:left;
			background:url(img/icons.png) no-repeat -35px 0;
		}
		div#content div.page div#shortlinks-tabs div.tab-container h2 big,
		div#content div.page div#shortlinks-tabs div.tab-container h2 small {
			display:block;
			position:absolute;
			top:2px;
			left:0;			
		}
		div#content div.page div#shortlinks-tabs div.tab-container h2 big {
			padding:0 0 0 50px;
			font-size:11px;
			font-weight:bold;
		}
		div#content div.page div#shortlinks-tabs div.tab-container h2 small {
			padding:15px 0 0 50px;
			font-size:14px;
			font-weight:normal;
		}
		div#content div.page div#shortlinks-tabs div.tab-container div.entry {
			padding:5px 0 10px 15px;
		}
/* MOOTOOLS SLIDESHOW */	
#slideshow * {
    margin: 0;
    padding: 0;
} 
#slideshow {
    position: relative;
    height: 190px;
    background: #FFFFFF url(img/slideshow.png) repeat-x;
} 
#slideshow #menu, 
#slideshow #pictures, 
#slideshow #loading {
    position: absolute;
} 
#slideshow #loading {
    background: url(../img/promo-loader.gif);
    display: block;
    top: 100px;
    left: 65%;
    text-indent: -5000px;
    width: 20px;
    height: 20px;
    visibility: hidden;
    z-index: 5;
} 
#slideshow #pictures {
    width: 70%;
    height: 190px;
    right: 0;
    overflow: hidden;
} 
#slideshow #pictures li {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
} 
#slideshow #pictures li img {
    display: block;
    position: relative;
    bottom: 0;
} 
#slideshow #menu {
    background: url(img/slideshow-menu.png) no-repeat top left;
	list-style-type:none;
    width: 29.3%;
    height: 170px;
    left: 0;
    padding-top: 20px;
} 
#slideshow #menu li {
    display: block;
    z-index: 1000;
    position: relative;
    zoom: 1;
} 
#slideshow #pictures li img {
    width: 700px;
    height: 190px;
} 
#slideshow #menu li a {
    display: block;
    font: 11px "Lucida Grande", "Verdana";
    text-decoration: none;
    padding: 7px 0 7px 28px;
    z-index: 1000;
    color: #ccc;
    line-height: 14px;
    vertical-align: middle;
    zoom: 1;
} 
#slideshow #menu li a:focus {
    outline: 0;
} 
#slideshow #menu li a:hover {
    color: #fff;
} 
#slideshow #menu li.current a {
    font: 15px "Georgia";
    color: #fff;
    padding: 5px 0 5px 28px;
    line-height: 18px;
} 
#slideshow #menu li.background {
    background: url('img/promo-arrow.gif') no-repeat left center;
    position: absolute;
    font-size: 1px;
    height: 7px;
    width: 4px;
    z-index: 5;
}
/* FORMS */
form#newsletter-form {

}
	form#newsletter-form li {
		padding:0 0 5px 0;
	}
    form#newsletter-form li.mandatory {
        color: #FF0000;
        font-size: 80%;
        margin: 10px 0 0 0;
    }
	form#newsletter-form li em{
		color:#FF0000;	
	}
	form#newsletter-form label{
		float:left;
	}
		form#newsletter-form label span{
			display:block;
			width:100px;
			padding:0 5px 0 0;
		}
		form#newsletter-form label span.submit{
			font-size:80%;
		}
		form#newsletter-form input[type=text]{
			width:150px;
		}
		form#newsletter-form input.button{
			width:100px;
		}
		form#newsletter-form li span#nl-loading,
		form#newsletter-form li span#nl-success,
		form#newsletter-form li span#nl-fail {
			font-weight:bold;
			padding:0 0 0 20px;			
			visibility:hidden;
			float:right;
		}
		form#newsletter-form li span#nl-loading {
			color:#9E2F50;
		}
		form#newsletter-form li span#nl-success {
			color:#1C99C9;
		}
		form#newsletter-form li div#nl-response {
			font-size:11px;
			color:#1C99C9;
		}
/* THUMBS */
.thumb-img {
	border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #AAA; border-right:1px solid #AAA;
	position:relative; 
	width:100px; 
	height:100px;
	margin:0 10px 5px 0; padding:6px;
	background:#FFF;
	float:left;
	clear:left;
	display:block;
}
div.daily-guest div.thumb-img {
	width:150px; 
	height:150px;	
}
div.post-photo div.thumb-img {
	width:50px; 
	height:50px;		
}
.thumb-inner {
	position:relative; overflow:hidden; width:100%; height:100%; 
	cursor:pointer;
}
.thumb-img img {
	border:0;
}
.thumb-strip {
	position:absolute; width:100px; height:10px; bottom:6px; left:6px;
	background:#FFF;
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:0.60;
}
div.daily-guest div.thumb-strip {
	width:150px; 
}
div.post-photo div.thumb-strip{
	width:50px;
}
